<script setup>
import { userInfo } from '@/stores/userInfo'
import HelloWorld from '@/components/HelloWorld.vue'
import { useGlobal } from '@/hooks/useGlobal'
const $globalDataFromParent = useGlobal('$globalDataFromParent')
const userInfos = userInfo()
const clickFun = () => {
  // 子应用
  // window.globalDataSendParent({ message: 'childAppEvent' })
  // console.log(globalDataFromParent);
  // console.log(globalDataFromParentStores.getUserInfo);
  // console.log(globalDataFromParentStores.getInfoByKey('name'));
  // userInfos.setUserInfo({ name: 'test' })

}
// console.log($globalDataFromParent.name, 777);

</script>

<template>
  <div @click="clickFun">
    Abcd
  </div>
  <HelloWorld msg="Welcome to Your Vue.js App" />
</template>

<style scoped></style>
